<template>
	<div class="hello">
		<h1>{{ msg }}</h1>
		<h2> {{name}} </h2>
		<h3>
      <a href="login" >login</a>
    </h3>
	</div>
</template>

<script>
	export default {
		name: 'HelloWorld',
		data() {
			return {
				name,
				msg: 'Welcome to Vue.js App'
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	h1,
	h2 {
		font-weight: normal;
	}
	
	ul {
		list-style-type: none;
		padding: 0;
	}
	
	li {
		display: inline-block;
		margin: 0 10px;
	}
	
	a {
		color: #42b983;
	}
</style>